<template>
    <div>
        <div class="container">
            <div class="m-main">
                <div class="m-tip">您当前位置 >园区配套 > 搜索详情</div>
                <div class="m-box">
                    <div class="box-item" v-for="(item,index) in list" :key="index" @click="go_page()">
                        <div class="item-left">
                            <img :src="item.img" alt="">
                        </div>
                        <div class="item-right">
                            <div class="r-title">{{item.title}}</div>
                            <div class="r-text">{{item.text}}</div>
                        </div>
                    </div>

                    <div class="page">
                        <pagination :msg="page" @refreshList="onRefresList"></pagination>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
import pagination from '../../views/localPage/pagination'
export default {
    data(){
        return{
            list:[
                {
                    img:'../../../static/images/70.png',
                    title:'厦门老院子',
                    text:'厦门老院子景区属于国家AAAA级旅游景区，包括“老院子民俗文化风情园”和《闽南传奇》秀的两部分，为厦门市重大项目和福建省文化产业十大重点项目。老院子民俗文化风情园以浓厚的地域特色集中展示了闽南文化精粹；《闽南传奇》秀是将高科技技术、前沿时尚艺术及千年闽南文化故事相结合的传奇演艺，是极具欣赏价值、文化价值和艺术价值的旅游景点，填补了目前厦门及周边旅游景区中极度缺失的重要旅游板块。',
                },
                {
                    img:'../../../static/images/70.png',
                    title:'厦门老院子',
                    text:'厦门老院子景区属于国家AAAA级旅游景区，包括“老院子民俗文化风情园”和《闽南传奇》秀的两部分，为厦门市重大项目和福建省文化产业十大重点项目。老院子民俗文化风情园以浓厚的地域特色集中展示了闽南文化精粹；《闽南传奇》秀是将高科技技术、前沿时尚艺术及千年闽南文化故事相结合的传奇演艺，是极具欣赏价值、文化价值和艺术价值的旅游景点，填补了目前厦门及周边旅游景区中极度缺失的重要旅游板块。',
                },
                {
                    img:'../../../static/images/70.png',
                    title:'厦门老院子',
                    text:'厦门老院子景区属于国家AAAA级旅游景区，包括“老院子民俗文化风情园”和《闽南传奇》秀的两部分，为厦门市重大项目和福建省文化产业十大重点项目。老院子民俗文化风情园以浓厚的地域特色集中展示了闽南文化精粹；《闽南传奇》秀是将高科技技术、前沿时尚艺术及千年闽南文化故事相结合的传奇演艺，是极具欣赏价值、文化价值和艺术价值的旅游景点，填补了目前厦门及周边旅游景区中极度缺失的重要旅游板块。',
                },
                {
                    img:'../../../static/images/70.png',
                    title:'厦门老院子',
                    text:'厦门老院子景区属于国家AAAA级旅游景区，包括“老院子民俗文化风情园”和《闽南传奇》秀的两部分，为厦门市重大项目和福建省文化产业十大重点项目。老院子民俗文化风情园以浓厚的地域特色集中展示了闽南文化精粹；《闽南传奇》秀是将高科技技术、前沿时尚艺术及千年闽南文化故事相结合的传奇演艺，是极具欣赏价值、文化价值和艺术价值的旅游景点，填补了目前厦门及周边旅游景区中极度缺失的重要旅游板块。',
                },
            ],
            page:{
                pagesize:4,
                total:900,
            }
        }
    },
    methods:{
        onRefresList(val){
          console.log(val)
        },
        go_page(){
            this.$router.push({path: '/Pages/ParkMatch/Detail'})
        }
    },
    components:{pagination},
}
</script>
<style lang="less" scoped>
.container{
    color: #333;
    font-family:MicrosoftYaHei;
    font-weight:400;
    background: #F3F3F3;
    .m-main{
        padding: 80px 20px 100px;
        .m-tip{
            color: #999999;
            font-size: 12px;
        }
        .m-box{
            background: #fff;
            padding: 30px 30px 100px;
            margin-top: 40px;
            .box-item{
                padding: 40px 0;
                border-bottom: 1px solid rgba(224,224,224,1);
                .item-left{
                    width: 165px;
                    height: 165px;
                    display: inline-block;
                    img{
                        width: 100%;
                        height: 165px;
                    }
                }
                .item-right{
                    float: right;
                    width: 81%;
                    .r-title{
                        font-size: 20px;
                        font-weight:bold;
                    }
                    .r-text{
                        font-size:16px;
                        color: #666;
                        margin-top: 10px;
                        line-height:32px;
                    }
                }
            }
            .page{
                margin-top: 80px;
            }
        }
    }
}
</style>
